<template>
  <div class="table-tabs">
    <el-row>
      <el-col v-for="(ele, index) in columns" :span="ele.span" :key="index" :align="ele.align">{{
        ele.label
      }}</el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'ClassifyTableHead',
  components: {},
  props: {},
  data() {
    return {
      columns: [
        {
          label: '一级分类',
          span: 2,
          align: 'center'
        },
        {
          label: '二级分类',
          span: 2,
          align: 'center'
        },
        {
          label: '三级分类',
          span: 2,
          align: 'center'
        },
        {
          label: '关联商品数',
          span: 2,
          align: 'center'
        },
        {
          label: '排序',
          span: 1,
          align: 'center'
        },
        {
          label: '推荐首页',
          span: 2,
          align: 'center'
        },
        {
          label: '每日上新',
          span: 2,
          align: 'center'
        },
        {
          label: '应季推荐',
          span: 2,
          align: 'center'
        },
        {
          label: '品牌甄选',
          span: 2,
          align: 'center'
        },
        {
          label: '发现好物',
          span: 2,
          align: 'center'
        },
        // {
        //   label: '创建时间',
        //   span: 3,
        //   align: 'center'
        // },
        {
          label: '启用平台',
          span: 2,
          align: 'center'
        },
        {
          label: '启用状态',
          span: 1,
          align: 'center'
        },
        {
          label: '操作',
          span: 2,
          align: 'center'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
.table-tabs {
  font-size: 14px;
  padding: 10px 0;
  color: #000;
  background-color: #e8e8e9;
}
</style>
